<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@include file="/include/public.jspf"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="${path }/css/default/m-base.css" />
<link rel="stylesheet" type="text/css" href="${path }/css/default/m-common.css" />
<link rel="stylesheet" type="text/css" href="${path }/css/default/p-all.css" />
<script type="text/javascript" src="${path }/js/jquery1.10.2.min.js"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<title>魔环金融</title>
<script type="text/javascript">
wx.config({
	   debug:  false,  //调式模式，设置为ture后会直接在网页上弹出调试信息，用于排查问题
	   appId: '${appId}',
	   timestamp: ${timestamp},
	   nonceStr: '${nonceStr}',
	   signature: '${signature}',
	   jsApiList: [  //需要使用的网页服务接口
	       'checkJsApi',  //判断当前客户端版本是否支持指定JS接口
	       'onMenuShareTimeline', //分享给好友
	       'onMenuShareAppMessage', //分享到朋友圈
	       'onMenuShareQQ',  //分享到QQ
	       'onMenuShareWeibo', //分享到微博
	       'showAllNonBaseMenuItem'
	   ]
	 });
	 
wx.ready(function () {   //ready函数用于调用API，如果你的网页在加载后就需要自定义分享和回调功能，需要在此调用分享函数。//如果是微信游戏结束后，需要点击按钮触发得到分值后分享，这里就不需要调用API了，可以在按钮上绑定事件直接调用。因此，微信游戏由于大多需要用户先触发获取分值，此处请不要填写如下所示的分享API
  	 // 1 监听“分享给朋友”，按钮点击、自定义分享内容及分享结果接口
 	     wx.onMenuShareAppMessage({
		      title: '红包红包4000万，看谁抢先谁手快？',
		      desc: '戳一戳，点一点，魔环下起“红包雨”！',
		      link: '${h5domain}/goregister.htm?un=${recommendCode }',
		      imgUrl: '${h5domain}/images/yqhy.jpg',
		      success: function (res) {
		        alert('已分享');
		        window.location.href="${h5domain }/member/invitepage.htm";
		      },
		      /* cancel: function (res) {
		        alert('已取消');
		      }, */
		      fail: function (res) {
		        alert(JSON.stringify(res));
		      }
		    });
 	    
      //2 监听“分享到朋友圈”按钮点击、自定义分享内容及分享结果接口
 	    wx.onMenuShareTimeline({
 	      title: '红包红包4000万，看谁抢先谁手快？',
 	      link: '${h5domain}/agoregister.htm?un=${recommendCode }',
 	      imgUrl: '${h5domain}/images/yqhy.jpg',
 	      success: function (res) {
 	    	  alert('已分享');
		      window.location.href="${h5domain }/member/invitepage.htm";
 	      },
 	      fail: function (res) {
 	        alert(JSON.stringify(res));
 	      }
 	    });
 	   wx.showAllNonBaseMenuItem();
  });
  
  wx.error(function (res) {
  	 alert(res.errMsg);  //打印错误消息。及把 debug:false,设置为debug:ture就可以直接在网页上看到弹出的错误提示
   });
</script>
<style type="text/css">
/*分享*/
.mask_fx{position:fixed;text-align:right;bottom:0;left:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.6);background:#000\9;/*CSS Hack,只能对ie9以下浏览器ie6,ie7,ie8有效，否侧ie10,FF,Cherome会失去透明效果*/filter:Alpha(opacity=90);/*只对ie7,ie8有效*/z-index:2588; }
.mask_fx img{width:90%}
</style>
</head>
<body>
<div class="ui_title">
        <a class="ui_back" href="${path }/member/center.htm"><i class="ui_icon_back"></i>返回</a>邀请好友</div>
    <section class="m-main p_account_invitation">
        <div class="banner">
            <img src="${path }/images/inv_banner.jpg" width="100%">
        </div>
        <div class="inv_data clearfix">
            <div>
                <p>一级邀请人数(人)</p>
                <span class="f15">${first }</span>
            </div>
            <div>
                <p>二级邀请人数(人)</p>
                <span class="f15">${second }</span>
            </div>
            <div>
                <p>三级邀请人数(人)</p>
                <span class="f15">${third }</span>
            </div>
        </div>
        <div class="inv_share">
            <!-- 循环 -->
            <div class="i-list">
                <dl>
                    <dt>
                        <h3>您的邀请码：${recommendCode }</h3>
                        <h4>您可获0.5%的返利</h4>
                    </dt>
                    <dd>
                        <input id="inviteBtn" class="inv-btn" type="button" value="邀请"> 
                    </dd>
                </dl>
            </div>
            
             <div class="i-list">
                <dl>
                    <dt>
                        <img src="${path }/images/fcode.png" width="100%">
                    </dt>
                </dl>
                <p class="gray_v1 f13" style="line-height:18px;">采用SDP线上返利分销模式：平台化运营，公平、公正、公开。</p>
                <br />
               	<p class="gray_v1 f13" style="line-height:18px;"> 所有账户终身绑定制，绑定手机号（手机号需身份验证）</p>
               	 <br />
               	<div class="blue_v1">
               	<p>A推荐B理财,B可得年化利率1%的额外收益，A得年化利率0.5%的额外收益;</p>
               	<p>B推荐C理财,C可得年化利率1%的额外收益，B得年化利率0.5%的额外收益，A得年化利率0.5%的额外收益;</p>
               	<p>C推荐D理财,D可得年化利率1%的额外收益，C得年化利率0.5%的额外收益，B得年化利率0.5%的额外收益，A可得年化利率0.5%的额外收益。</p>
               	</div>
               	
               	<br />
               	<div class="red_v1">
               	<p>例：</p>
               	<p>A推荐给B(200人)理财，</p>
               	<p>B(200人)每人再推荐C(200人×200人)</p>
               	<p>C(200人×200人)每人再推荐D(200人×200人),如此计算就有800万人，每人投资理财1000元，就有80亿元的理财资金。A按照0.5%得收益提成，就可以拿到4000万元。</p>
               	</div>
            </div>  
            
         
        </div>
    </section>
    <div class="mask_fx" style="display:none">
	<img src="${path }/page/shareredpacket/images/guide1.png" />
</div>
<script type="text/javascript">
//点击邀请
$("#inviteBtn").click(function(){
	$(".mask_fx").show(100);
});
</script>
</body>
</html>